<template>
  <div id="app">
    <div id="video">
      <video
        src="static/video/video.mp4"
        autoplay="autoplay"
        muted="muted"
        loop="loop"
        controls
        controlsList="nodownload noremoteplayback"
      ></video>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
#video {
  width: 1310px;
  height: 670px;
}
video {
  width: 100%;
  height: 100%;
}
/*video隐藏音量控制*/
video::-webkit-media-controls-volume-control-container {
  display: none !important;
}
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display,
video::-webkit-media-controls-rewind-button,
video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-toggle-closed-captions-button
{
    display: none !important;
}
</style>
